import { GithubOutlined } from '@ant-design/icons';
import { DefaultFooter } from '@ant-design/pro-components';
import React from 'react';
import { SYSTEM_LINK, SYSTEM_PROGRAMMING_NAVIGATION } from '@/constants';

const Footer: React.FC = () => {
  return (
    <DefaultFooter
      style={{
        background: 'none',
      }}
      links={[
        {
          key: 'Ant Design Pro',
          title: '编程导航',
          href: SYSTEM_PROGRAMMING_NAVIGATION,
          blankTarget: true,
        },
        {
          key: 'Design',
          title: '知识星球',
          href: SYSTEM_LINK,
          blankTarget: true,
        },
        {
          key: 'gitee',
          title: (
            <>
              <GithubOutlined /> 啵啵 Gitee
            </>
          ),
          href: 'https://gitee.com/',
          blankTarget: true,
        },
      ]}
    />
  );
};

export default Footer;

